<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
	<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>图书借阅系统</title>
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet"
	href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script
	src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

	<jsp:include page="navbar.jsp" />

	<div class="row">
		<div class="col-md-2">
			<ul class="nav nav-pills nav-stacked">
				<li class="active"><a href="#">Home</a></li>
				<li><a href="#">SVN</a></li>
				<!-- href中填入详情请求servlet的名字 点击相应分类返回该分类的列表 -->
				<li><a href="#">iOS</a></li>
				<li><a href="#">VB.Net</a></li>
				<li><a href="#">Java</a></li>
				<li><a href="#">PHP</a></li>
			</ul>
		</div>

		<div class="col-md-9">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h1 class="text-center">图书信息</h1>
					</div>
				</div>
			</div>
			<table class="table table-striped table-hover">
				<thead>
					<tr>
						<th>图书类别</th>
						<th>书本编号</th>
						<th>ISBN</th>
						<th>书名</th>
						<th>作者</th>
						<th>出版社</th>
						<th>出版日期</th>
						<th>书本单价</th>
					</tr>
				</thead>
				<tbody>
					<!-- foreach 循环进行信息录入 
					<c:forEach items="${booklist}" var="book">
					<tr>
						<td>${book.bookClass}</td>
						<td>${book.bId}</td>
						<td>${book.bIsbn}</td>
						<td>${book.bName}</td>
						<td>${book.author}</td>
						<td>${book.bPublishHouse}</td>
						<td><fmt:formatDate value="${book.bPublishDate}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
						<td>${book.bPrice}</td>
						<td><a href="${pageContext.request.contextPath }/items/editItems.action?bIsbn=${book.bIsbn}">借阅</a></td>
					</tr>
					</c:forEach>
					 -->

					<tr>
						<td>Tanmay</td>
						<td><a href="www.baidu.com">baidu</a></td>
						<td>560001</td>
						<td>Bangalore</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
					<tr>
						<td>Sachin</td>
						<td>Mumbai</td>
						<td>400003</td>
						<td>Mumbai</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
					<tr>
						<td>Uma</td>
						<td>Pune</td>
						<td>411027</td>
						<td>Pune</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
					<tr>
						<td>Uma</td>
						<td>Pune</td>
						<td>411027</td>
						<td>Pune</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
					<tr>
						<td>Uma</td>
						<td>Pune</td>
						<td>411027</td>
						<td>Pune</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
					<tr>
						<td>Uma</td>
						<td>Pune</td>
						<td>411027</td>
						<td>Pune</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
					<tr>
						<td>Uma</td>
						<td>Pune</td>
						<td>411027</td>
						<td>Pune</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
					<tr>
						<td>Uma</td>
						<td>Pune</td>
						<td>411027</td>
						<td>Pune</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
					<tr>
						<td>Uma</td>
						<td>Pune</td>
						<td>411027</td>
						<td>Pune</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
					<tr>
						<td>Uma</td>
						<td>Pune</td>
						<td>411027</td>
						<td>Pune</td>
						<td><button class="btn btn-success">借书</button></td>
					</tr>
				</tbody>
			</table>
			<ul class="pager">
				<!-- 分页还需要进行修改 -->
				<li><a href="#">上一页</a></li>
				<li><label>1</label></li>
				<li><label>/</label></li>
				<li><label>7</label></li>
				<li><a href="#">下一页</a></li>
			</ul>
		</div>
		<div class="col-md-1"></div>
	</div>
	
	<jsp:include page="footer.jsp" />

</body>
</html>